
<template>
  <div v-if="login">
    <Robot></Robot>
    <div class="main">
      <mu-carousel transition="fade">
        <mu-carousel-item>
          <img :src="carouselImg1" />
        </mu-carousel-item>
        <mu-carousel-item>
          <img :src="carouselImg2" />
        </mu-carousel-item>
        <mu-carousel-item>
          <img :src="carouselImg3" />
        </mu-carousel-item>
        <mu-carousel-item>
          <img :src="carouselImg4" />
        </mu-carousel-item>
        <mu-carousel-item>
          <img :src="carouselImg5" />
        </mu-carousel-item>
      </mu-carousel>
    </div>
    <BasicLayout></BasicLayout>
  </div>
  <div v-else>
    <Introduction></Introduction>
  </div>
</template>
<script>
import Robot from "../../components/Robot";
import BasicLayout from "../../components/BasicLayout";
import Introduction from "../../views/introduction/index";
import carouselImg1 from "../../assets/images/jiankang1.jpg";
import carouselImg2 from "../../assets/images/jiankang2.jpg";
import carouselImg3 from "../../assets/images/jiankang3.jpg";
import carouselImg4 from "../../assets/images/jiankang4.jpg";
import carouselImg5 from "../../assets/images/jiankang5.jpg";
export default {
  components: {
    Robot,
    BasicLayout,
    Introduction
  },
  props: {},
  watch: {},
  data() {
    return {
      
      carouselImg1,
      carouselImg2,
      carouselImg3,
      carouselImg4,
      carouselImg5
    };
  },
  computed: {
     login(){
      //判断是否登陆
      const logined = this.$store.state.user.user.accout
      return logined?true:false
    },
  },
  methods: {}
};
</script>

<style scoped>
.container {
  display: flex;
}
.mu-carousel {
  height: 810px;
}
</style>
